/** @jsxImportSource @emotion/react */
import * as React from "react";
import {
   CCell, Table, TableBody, TableRow, Text, Cell, TableHead,
} from "customize-easy-ui-component";
import { DirectLink, } from "../../../routing/Link";
import {eqpTypeAllMap} from "../../../dict/eqpComm";
import {CCellUnit, twoForkSelect} from "../../common/base";
import {useJudgmentTable} from "../../hook/useJudgment";
import {getInstrument2xCol} from "../../common/helper";
import {检验设备结论Observ} from "../viewRes";


/**正式报告用的
 * 机电报告的：config设备概况 实际上是为原始记录做的。 正式报告需要另外手动再做字段做的显示 安排。
 * */
export const 报告设备详情= ( {theme, orc, rep } : { orc: any,rep:any, theme:any}
) => {
  const instrumentTable =React.useMemo(() => getInstrument2xCol(orc.仪器表), [orc.仪器表]);
  return <React.Fragment>
    <Table id={'Survey'} fixed={ ["6%","10%","30%","18%","%"] }  css={ {borderCollapse: 'collapse' } }  tight  miniw={800}>
      <TableBody>
        <DirectLink href={`/report/${rep?.modeltype}/ver/${rep?.modelversion}/${rep?.id}/Survey#Survey`}>
          <TableRow>
            <CCell colSpan={2}>使用单位名称</CCell>
            <CCell colSpan={3}>{orc.使用单位 || '／'}</CCell>
          </TableRow>
          <TableRow>
            <CCell colSpan={2}>使用单位地址</CCell>
            <CCell colSpan={3}>{orc.使用单位地址 || '／'}</CCell>
          </TableRow>
          <TableRow>
            <CCell colSpan={2}>分支机构名称</CCell>
            <CCell colSpan={3}>{orc.分支机构 || '／'}</CCell>
          </TableRow>
          <TableRow>
            <CCell colSpan={2}>分支机构地址</CCell>
            <CCell colSpan={3}>{orc.分支机构地址 || '／'}</CCell>
          </TableRow>
          <TableRow >
            <CCell colSpan={2}>使用地点</CCell>
            <CCell colSpan={3}>{orc.设备使用地点 || '／'}</CCell>
          </TableRow>
          <TableRow>
            <CCell colSpan={2}>安全管理人员</CCell><CCell>{orc.安全员 || '／'}</CCell>
            <CCell>联系电话</CCell><CCell>{orc.安全员电 || '／'}</CCell>
          </TableRow>
          <TableRow>
            <CCell colSpan={2}>联系电话</CCell><CCell>{orc.使用单位电话 || '／'}</CCell>
            <CCell>邮政编码</CCell><CCell>{orc.使用单位邮编 || '／'}</CCell>
          </TableRow>
          <TableRow>
            <CCell colSpan={2}>设备代码</CCell><CCell>{orc.设备代码 || '／'}</CCell>
            <CCell>注册代码</CCell><CCell>{orc.注册代码 || '／'}</CCell>
          </TableRow>
          <TableRow>
            <CCell colSpan={2}>使用登记证编号</CCell><CCell>{orc.使用证号 || '／'}</CCell>
            <CCell>单位内部编号</CCell><CCell>{orc.单位内部编号 || '／'}</CCell>
          </TableRow>
          <TableRow>
            <CCell colSpan={2}>制造单位名称</CCell>
            <CCell colSpan={3}>{orc.制造单位 || '／'}</CCell>
          </TableRow>
          <TableRow>
            <CCell colSpan={2}>改造单位名称</CCell>
            <CCell colSpan={3}>{orc.改造单位 || '／'}</CCell>
          </TableRow>
          <TableRow>
            <CCell colSpan={2}>大修单位名称</CCell>
            <CCell colSpan={3}>{orc.维修单位 || '／'}</CCell>
          </TableRow>
          <TableRow>
            <CCell colSpan={2}>设备类别</CCell><CCell>{eqpTypeAllMap.get(orc.设备类别)}</CCell>
            <CCell>设备品种</CCell><CCell>{eqpTypeAllMap.get(orc.设备品种)}</CCell>
          </TableRow>
          <TableRow>
            <CCell colSpan={2}>设备型号</CCell><CCell>{orc.型号 || '／'}</CCell>
            <CCell>设备名称</CCell><CCell>{orc.设备名称 || '／'}</CCell>
          </TableRow>
          <TableRow>
            <CCell colSpan={2}>产品编号</CCell><CCell>{orc.出厂编号 || '／'}</CCell>
            <CCell>制造日期</CCell><CCell>{orc.制造日期 || '／'}</CCell>
          </TableRow>
          <TableRow>
            <CCell colSpan={2}>设备级别</CCell><CCell>{orc.设备等级 || '／'}</CCell>
            <CCell>使用年限到期时间</CCell><CCell>{orc.使用到期时 || '／'}</CCell>
          </TableRow>
        </DirectLink>
      </TableBody>
    </Table>
    <Table fixed={ ["3.5%","13%","33%","13%","%"] }  css={ {borderCollapse: 'collapse' } }  tight  miniw={800}>
      <TableBody>
        <TableRow >
          <CCell rowSpan={2}>性能参数</CCell>
          <CCell>额定载荷</CCell>
          <CCellUnit unit={'人'}>{orc.额定载人 || '／'}</CCellUnit>
          <CCell>额定速度</CCell>
          <CCellUnit unit={'m/min'}>{orc.额定速度 || '／'}</CCellUnit>
        </TableRow>
        <TableRow>
          <CCell>回转直径</CCell>
          <CCellUnit unit={'m'}>{orc.回转直径 || '／'}</CCellUnit>
          <CCell>座舱高度</CCell>
          <CCellUnit unit={'m'}>{orc.座舱高度 || '／'}</CCellUnit>
        </TableRow>
        <TableRow>
          <CCell colSpan={2}>检验依据</CCell><Cell colSpan={3}>
          《游乐设施监督检验规程（试行）》（国质检锅[2002]124号）
        </Cell>
        </TableRow>

        <TableRow>
          <CCell>主要检验仪器设备</CCell>
          <Cell colSpan={4} css={{padding:0}}>
            <Table fixed={ ["4%","25%","21%","4%","25%","%"] }
                   css={ {borderCollapse: 'collapse', height:'fill-available'} }   tight  miniw={800}>
              <TableBody>
                <DirectLink href={`/report/${rep?.modeltype}/ver/${rep?.modelversion}/${rep?.id}/Instrument#Instrument`}>
                  <TableRow>
                    <CCell>序号</CCell>
                    <CCell>仪器名称</CCell>
                    <CCell>仪器编号</CCell>
                    <CCell>序号</CCell>
                    <CCell>仪器名称</CCell>
                    <CCell>仪器编号</CCell>
                  </TableRow>
                  {instrumentTable.map((o,i) => {
                    return (
                        <TableRow key={i}>
                          <CCell>{o.s1}</CCell>
                          <CCell>{o.name1}</CCell>
                          <CCell css={{wordBreak: 'break-all'}}>{o.no1}</CCell>
                          <CCell>{o.s2}</CCell>
                          <CCell>{o.name2}</CCell>
                          <CCell css={{wordBreak: 'break-all'}}>{o.no2}</CCell>
                        </TableRow>
                    );
                  } )
                  }
                </DirectLink>
              </TableBody>
            </Table>
          </Cell>
        </TableRow>

        <DirectLink href={`/report/${rep?.modeltype}/ver/${rep?.modelversion}/${rep?.id}/Conclusion#Conclusion`}>
          <TableRow>
            <CCell>检验结论</CCell><CCell colSpan={4}><Text variant="h1" css={{fontSize:'4rem'}}>{orc?.检验结论}</Text></CCell>
          </TableRow>
        </DirectLink>
        <DirectLink href={`/report/${rep?.modeltype}/ver/${rep?.modelversion}/${rep?.id}/Witness#Witness`}>
          <TableRow>
            <CCell>备注</CCell>
            <Cell split={true} colSpan={4}><div css={{minHeight: '3rem', whiteSpace: 'pre-wrap'}}>
              {orc.大备注 || '／'}
            </div></Cell>
          </TableRow>
        </DirectLink>
      </TableBody>
    </Table>

    {检验设备结论Observ({theme, orc,rep})}
  </React.Fragment>;
};
